<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<br/>
<div class="header_bottom">
	<div class="menu">
		<ul>
		<c:if test="${!empty listcategory}">
		<c:forEach items="${listcategory }" var="category">
			<li><a href="index-shop?shopid=${category.shop.id}&catid=${category.id}">${category.name}</a></li>
		</c:forEach>
		</c:if>
					
			<!-- <div class="clear">
			</div> -->
		</ul>
	</div>
	<div class="clear">
	</div>
</div>
<div class="content">
	<div class="content_top">
		<div class="heading">
			<h4>New Products</h4>
		</div>
		<div class="see">
			<p>
				<a href="#">See all Products</a>
			</p>
		</div>
		<div class="clear">
		</div>
	</div>
	<div class="section group">
		<c:if test="${!empty newproducts}">
		<c:forEach items="${newproducts}" var="product">
		<div class="grid_1_of_4 images_1_of_4">
			<a href="<c:url value="/preview.html?id=${product.id}"/>"><img style="height:auto; width:auto; max-width:200px; max-height:200px; min-height: 200px; min-width: 200px" src="${product.picture}" alt=""/></a>
			<h2>${product.name}</h2>
			<div class="price-details">
						<div class="price-number">
							<p>
								<span class="rupees">${product.price}</span>
							</p>
						</div>
						<div class="add-cart">
							<h4><a href="javascript:doAjax(${product.id});" >Add to Cart</a></h4>
						</div>
						<div class="clear">
						</div>
					</div>
		</div>
		</c:forEach>
		</c:if>
	</div>
	<div class="content_bottom">
		<div class="heading">
			<h4>Feature Products</h4>
		</div>
		<div class="see">
			<p>
				<a href="#">See all Products</a>
			</p>
		</div>
		<div class="clear">
		</div>
	</div>
	<div class="section group">
		<c:if test="${!empty featureproducts}">
		<c:forEach items="${featureproducts}" var="product">
		<div class="grid_1_of_4 images_1_of_4">
			<a href="<c:url value="/preview.html?id=${product.id}"/>"><img style="height:auto; width:auto; max-width:200px; max-height:200px; min-height: 200px; min-width: 200px" src="${product.picture}" alt=""/></a>
			<h2>${product.name}</h2>
			<div class="price-details">
						<div class="price-number">
							<p>
								<span class="rupees">${product.price}</span>
							</p>
						</div>
						<div class="add-cart">
							<h4><a href="javascript:doAjax(${product.id});" >Add to Cart</a></h4>
						</div>
						<div class="clear">
						</div>
					</div>
		</div>
		</c:forEach>
		</c:if>
	</div>
</div>